<template>
    <div class="down-wrap displayFlex flexCenter">
        <div>
            <div class="text-center">
                <img class="logo" :src="staticImageUrl('/images/down/hkhw_logo.png ')" alt="">
            </div>
            <p class="logo-text">请使用好看好玩 App 扫码</p>
            <button @click="toHaoKanHaoWan" class="down-btn">打开好看好玩 App</button>
        </div>
    </div>
</template>

<script>
    export default {
        name: "HKHW"
    }
</script>

<style scoped>
    .down-wrap{
        height: 100vh;
        width: 100vw;
    }
    .logo{
        width: 1.15rem;
    }
    .logo-text{
        color: #626366;
        padding-top: .13rem;
        text-align: center;
    }
    .down-btn{
        margin-top: .3rem;
        display: inline-block;
        width: 3.15rem;
        height: .44rem;
        line-height: .44rem;
        background-color: #5D89E8;
        font-size: .16rem;
        color: #fff;
        text-align: center;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -webkit-border-radius: .08rem;
        -moz-border-radius: .08rem;
        border-radius: .08rem;
    }
</style>